.pop-container_lock {
  background: none !important;
}

.lock-container {
  width: 592rpx;
  height: 890rpx;
  position: relative;
  box-sizing: border-box;

  .logo {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }

  .content-body {
    width: 100%;
    top: 522rpx;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    gap: 54rpx;

    .lock-btn {
      width: 400rpx;
      height: 96rpx;
      background: #C5996A;
      border-radius: 98rpx;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #C5996A;
      box-sizing: border-box;

      &.active {
        background: #FFFFFF;
        .btn-title {
          color: #C5996A;
        }
      }

      .btn-title {
        line-height: 1;
        font-size: 32rpx;
        font-weight: 500;
        color: #FFFFFF;
      }
    }
  }

  //.lock-body {
  //  width: 100%;
  //  height: 500rpx;
  //  position: relative;
  //
  //  .content-body {
  //    background: #FFFFFF;
  //    width: 100%;
  //    height: 200rpx;
  //  }
  //
  //  .content-wrap {
  //    background-image: linear-gradient(to bottom, #C69A6C, #F2E8DD);
  //    width: 100%;
  //    height: 300rpx;
  //    border-radius: 24rpx 24rpx 0 0;
  //    overflow: hidden;
  //  }
  //
  //  .image-wrapper {
  //    width: 538rpx;
  //    height: 522rpx;
  //    position: absolute;
  //    left: 50%;
  //    top: 0;
  //    transform: translate(-50%, -45%);
  //
  //    .lock-image {
  //      width: 100%;
  //      height: 100%;
  //      position: absolute;
  //      z-index: 3;
  //    }
  //
  //    .lock-left {
  //      width: 174rpx;
  //      height: 174rpx;
  //      position: absolute;
  //      left: 0;
  //      top: 50%;
  //      z-index: 4;
  //    }
  //
  //    .lock-right {
  //      width: 174rpx;
  //      height: 174rpx;
  //      position: absolute;
  //      right: 16rpx;
  //      top: 50%;
  //      transform: translateY(-22%);
  //      z-index: 2;
  //    }
  //  }
  //
  //
  //}


}